import React from 'react';
import {Switch, Route, Redirect } from 'react-router-dom'
import'./App.scss'
import Home from './views/home'
import Destination from './views/destination'
import Community from './views/community'
import User from './views/users'
import UserSet from './views/users/userSet'
import Group from './views/users/group'
import Order from './views/users/order'

import PersonalData from './views/users/personalData'
import ChangePswd from './views/users/changePswd'
import MyCard from './views/users/myCard'
import ChangeSkin from './views/users/changeSkin'
import NewsSet from './views/users/newsSet'
import MyMagazine from './views/users/myMagazine'
import Cancellation from './views/users/cancellation'
import FeedBack from './views/users/feedBack'

import Activity from './views/activity'
import Comment from './views/comment'
import Pattner from './views/pattner'
import Pubpattner from './views/pattner/publishPattner'
import Photo from './views/photo'
import Question from './views/question'
import CountryDe from './views/question/countryDetail'
import QuestionDe from './views/question/questionDetail'
import Search from './views/search'
import Sillbag from './views/silBag'
import Country from './views/silBag/sillBagCountry'
import Travel from './views/silBag/sillBagTravels'
import Special from './views/special'
import AskSpecial from './views/special/askSpecial'
import SpecialDe from './views/special/specialdetail'
import ArticalDe from './views/special/articaldetail'
import Writer from './views/special/writer.jsx'
import Subscribe from './views/subscribe'
import Topic from './views/topic'
import Video from './views/video'
import VideoDe from './views/video/videodetail'
import Holidaytravel from './views/holidaytravel'
import Surrounding from './views/surrounding'
import Travelroute from './views/travelroute'
import Alllandscapes from './views/alllandscapes'
import Destinationsearch from './views/destinationsearch'
import Goodidea from './views/gooidea'
import Mudidetails from './views/mudidetails'
import Location from './views/location'

import NotFound from './views/notFound'

function App() {
  return (
    <div className="container">
      <Switch>
          <Route path="/home" component = { Home } />
          {/* 定位 */}
          <Route path='/destination/location' component = { Location } /> 
          {/* 目的地搜索 */}
          <Route path='/destination/destinationsearch' component = { Destinationsearch } /> 
          {/* 所有景点 */}
          <Route path='/destination/alllandscapes' component = { Alllandscapes } /> 
          {/* 出游路线 */}
          <Route path='/destination/travelroute' component = { Travelroute } /> 
          {/* 假日旅游 */}
          <Route path='/destination/holidaytravel' component = { Holidaytravel } /> 
          {/* 周边景点 */}
          <Route path='/destination/surrounding' component = { Surrounding } />
          {/* 妙招 */}
          <Route path='/destination/goodidea' component = { Goodidea } />
          {/* 目的地详情 */}
          <Route path='/destination/mudidetails' component = { Mudidetails } />
          {/* 目的地 */}
          <Route path="/destination" component = { Destination } />
          <Route path="/community" component = { Community } />
          {/* 个人资料设置页面 */}
          <Route path="/users/set/personalData" component = { PersonalData} />
          {/* 修改密码页面 */}
          <Route path="/users/set/changePswd" component = { ChangePswd } />
          {/* 个性换肤页面 */}
          <Route path="/users/set/changeSkin" component = { ChangeSkin } />
          {/* 消息设置页面 */}
          <Route path="/users/set/newsSet" component = { NewsSet } />
          {/* 意见反馈页面 */}
          <Route path="/users/set/feedBack" component = { FeedBack } />
          {/* 消息设置页面 */}
          <Route path="/users/set/myMagazine" component = { MyMagazine } />
          {/* 注销账户页面 */}
          <Route path="/users/set/cancellation" component = { Cancellation } />
          {/* 我的合作卡页面 */}
          <Route path="/users/set/myCard" component = { MyCard } />
          {/* 个人设置页面 */}
          <Route path="/users/set" component = { UserSet} />
          {/* 超值拼团页面 */}
          <Route path="/users/group" component = { Group} />
          {/* 我的订单页面 */}
          <Route path="/users/order" component = { Order} />
          {/* 用户 */}
          <Route path="/users" component = { User } ></Route>
          {/* 活动页面 */}
          <Route path='/activity' component = { Activity } />
          {/* 评论页面 */}
          <Route path='/comment' component = { Comment } />
          {/* 发布结伴页面 */}
          <Route path='/pattner/add' component = { Pubpattner } />
          {/* 结伴页面 */}
          <Route path='/pattner' component = { Pattner } />
          {/* 相册页面 */}
          <Route path='/photo' component = { Photo } />
          {/* 国家详情 */}
          <Route path='/question/country' component = { CountryDe } />
          {/* 问答详情 */}
          <Route path='/question/detail' component = { QuestionDe } />
          {/* 问答页面 */}
          <Route path='/question' component = { Question } />
          {/* 搜索页面 */}
          <Route path='/search' component = { Search } />
          {/* 锦囊城市 */}
          <Route path='/sillbag/country' component = { Country } />
          {/* 锦囊游记 */}
          <Route path='/sillbag/travel' component = { Travel } />
          {/* 锦囊页面 */}
          <Route path='/sillbag' component = { Sillbag } />
          {/* 作家专栏 */}
          <Route path='/special/writer' component = { Writer } />
          {/* 申请专栏页面 */}
          <Route path='/special/ask' component = { AskSpecial } />
          {/* 专栏详情 */}
          <Route path='/special/detail' component = { SpecialDe } />
          {/* 专栏文章详情 */}
          <Route path='/special/artical' component = { ArticalDe } />
          {/* 专栏页面 */}
          <Route path='/special' component = { Special } />
          {/* 订阅页面 */}
          <Route path='/subscribe' component = { Subscribe } />
          {/* 话题页面 */}
          <Route path='/topic' component = { Topic } />
          {/* 视频详情 */}
          <Route path='/video/detail' component = { VideoDe } />
          {/* 视频 */}
          <Route path='/video' component = { Video } />
          {/* 重置路由 */}
          <Redirect path="/" exact to="/home" />
          <Route><NotFound /></Route>
      </Switch>
    </div>
  );
}

export default App;
